Day19 - vue cli 使用 bootstrap modal - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 17

Modern Web

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ系列第 19 篇

Day19 - vue cli 使用 bootstrap modal

13th鐵人賽

lobsterpp

2021-10-04 23:59:42

2016 瀏覽

分享至

今日卡關，居然是因為沒正確 import bootstrap，以此紀錄一下，以後不卡卡
cd 到 vue cli 專案後執行 npm install bootstrap
之後就可以在 .vue 檔裡透過 import modal from "bootstrap/js/dist/modal" 引入，然後就能按照

import modal from "bootstrap/js/dist/modal";
const productModal = new modal(document.getElementById("productModal"));
productModal.show();

雖然卡關好久才查到，但也是蠻幸運的官方文件舉例剛好是舉 import modal

Day18 - 學了一點點 vuex

系列文

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ共 19 篇

RSS系列文訂閱系列文

2 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ系列 第 19 篇

Day19 - vue cli 使用 bootstrap modal

尚未有邦友留言

標記使用者

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ系列第 19 篇